{extend name="mbase"}
{block name="title"}<title>体重曲线</title>{/block}

{block name="menu"}
<div id="srkll3" style="text-align: center;">
    <form action="http://jianfei.lightrain.org.cn/index/luru" method="post">
        今日体重：<?php echo $tz; ?>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        录入体重：<input id="name666" type="text" name="jinshu" />
        <button type="submit">提交</button>
    </form>
</div>
{/block}
{block name="div"}
<div class="container-fluid">
<!--    <h5 style="text-align: center; margin-top: 25px;">体重曲线</h5>-->
    <div id="main" style="margin:0 auto;width: 100%;"></div>
</div>
{/block}
{block name="js"}
<?php
        $meitianshou=(220-160)/181;
        for($i=1;$i<182.5;$i++){
            $di[]=$i;
            $yz[]=220-($meitianshou*$i)+$meitianshou;
        }
        $di=implode(',',$di);
        $yz=implode(',',$yz);
?>
<script type="text/javascript">
    var width=$(".container-fluid").width();
    $("#main").height(width*0.5);
      // 基于准备好的dom，初始化echarts实例
      var myChart = echarts.init(document.getElementById('main'));

      // 指定图表的配置项和数据
      option = {
  xAxis: {
    type: 'category',
    data: [<?php echo $di; ?>]
  },
  yAxis: {
    type: 'value',
    min: 160,
      max: 220,
  },
  series: [
    {
      data: [<?php echo $yz;?>],
      type: 'line'
      },
    {
      data: [<?php echo $list ?>],
      type: 'line'
    }
  ]
};

      // 使用刚指定的配置项和数据显示图表。
      myChart.setOption(option);
    </script>
{/block}